/****************样式重置**************************/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
    margin: 0;
    padding: 0
}
fieldset,img {
    border: 0
}
ul,ol {
    list-style: none
}
button{
	outline: none;
}
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.PL5{
	padding-left:5px ;
}
.PL10{
	padding-left:10px ;
}
.PL15{
	padding-left:15px ;
}
.PL20{
	padding-left:20px ;
}
.PT5{
	padding-top:5px ;
}
.PT10{
	padding-top:10px ;
}
.PT15{
	padding-top:15px ;
}
.PT20{
	padding-top:20px ;
}
.PT30{
	padding-top:30px ;
}
.v-middle{
	vertical-align: middle;
}
.font20{
	font-size: 20px;
}
.none{
	display: none;
}
/*body*/
html,body,#main{
	width: 100%;
	height: 100%;
}
#main{
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: column;
}
.head{
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 2;*/
	width: 100%;
	height: 38px;
	padding-top: 10px;
	background: url(../img/00.png) no-repeat;
	background-size:100% 100%;
}
.head img{
	margin-left: 20px;
}
.main{
	flex-grow: 1;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
}
.left{
	width: 170px;
	background: #f4f4f4;
	border-right: solid 1px #e7e7e7;
}
.left{
	color: #5c5c5c;
	text-align: center;
}
.left ul{
	padding-top: 20px;
}
.left li{
	height: 55px;
	line-height: 55px;
	border-bottom: solid 1px #e7e7e7;

}
.left li:nth-child(1){
	border-top: solid 1px #e7e7e7;
}
.selected{
	background: #FFFFFF;
	width: 171px;
}
/*右*/
.right{
	flex-grow: 1;
	background: #f7f7f7;
}
.righthead{
	height: 125px;
	background: #FFFFFF;
}
.righthead ul{
	padding-left: 20px;
	padding-top: 27px;
}
.righthead li{
	width: 222px;
	float: left;
}
.rightmid{
	height: 50px;
	background: #fff5d3;
}
.rightmid p{
	
}
.rightfoot{
	padding: 15px;
}
.formlist{
	background: #FFFFFF;
	height: 470px;
}
.formlist2{
	background: #FFFFFF;
	height: 430px;
}
.formlist table,.formlist2 table{
	margin: 0 auto;
	border: solid 1px #eeeeee;
	border-collapse:collapse;
	/*line-height: 40px;*/
}
.formlist table tr:nth-child(1),.formlist2 table tr:nth-child(1){
	background: #f6f7fb;
	color: #5c7294;
}
.red{
	color: #d82b03;
}
.details{
	border-radius:5px ;
	border: solid 1px #d3e9fb;
	background: #ecf2fe;
	color: #4dacea;
}
.pageboder{
	border-radius:3px ;
	border: solid 1px #5C5C5C;
}
.footpage{
	width: 900px;
	margin: 0 auto;
	padding-top: 60px;
}
/******/
.shebeiid{
	height: 40px;
	padding-top: 20px;
	padding-left: 20px;
	background: #FFFFFF;
	margin-bottom: 10px;
}
.shebeiid input{
	height: 20px;
}
.shebeiid button{
	width: 100px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	border: 0;
	background: #46a1fc;
	font-size: 16px;
	border-radius:3px ;
}
/*五件套详情*/
.righthead5{
	height: 130px;
	background: #FFFFFF;
	color: #5C5C5C;
}
.righthead5 ul{
	padding-left: 20px;
	padding-top: 27px;
}
.righthead5 li{
	width: 190px;
	float: left;
}
.note{
	height: 200px;
	background: #f0f0f0;
	margin: 20px;
	padding: 10px;
}
.formlist3{
	background: #FFFFFF;
	height: 80px;
	color: #5C5C5C;
}
/*echarts*/
.echarts{
	
}
.echarts li{
	margin-left: 15px;
	float: left;
	width: 368px;
	height: 272px;
	background: #FFFFFF;
}
/*弹窗*/
.popup{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.2);
}
.popupcont{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 264px;
	height: 274px;
	border-radius:5px ;
	background: #FFFFFF;
	color: #5C5C5C;
}
.popupcont .mens{
	position: absolute;
	top: -20px;
	left: 20px;
}
.popupcont .close{
	position: absolute;
	top: 5px;
	right: 10px;
}
.popupcont button{
	line-height: 25px;
	margin: 20px 0 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	border: 0;
	border-radius:3px ;
	width: 240px;
	background: #ec7b2f;
}
